<!DOCTYPE html>
<html>
	<body>
	<!--CONTENT SECTION START-->
	<div id="main-wrapper-sec">
		<section>
			<!--INNER MAIN TITLE SECTION START-->
			<h2 class="inner-main-title pr-title">Support</h2>
			<!--INNER MAIN TITLE SECTION END-->
			<!--CONTENT MAIN SECTION START-->
			<div class="content-main-sec">
			<!--INNER CONTENT RIGHT SECTION START-->
			<h1 class="inner-cont-title">Contact</h1>
			<div class="clear"></div>
			<article class="sf-left-sec">
				<ul class="login-form-sec">
					<form id="formid" method="post" onsubmit="return contactFun()">
					<li>
					<label>Name :<span id="error_msg1" style="color:red;"> </span></label>
					<input name="fname" id="fname" type="text">
					</li>
					<li>
					<label>Email :<span id="error_msg2" style="color:red;"> </span></label>
					<input name="email" id="email" type="text">
					</li>
					<li>
					<label>Phone Number :<span id="error_msg3" style="color:red;"> </span></label>
					<input name="Phonenumber" id="Phonenumber" type="text">
					</li>
					<li>
					<label>Enter Your Message :<span id="error_msg4" style="color:red;"> </span></label>
					<textarea name="msg" id="msg" cols="" rows=""></textarea>
					</li>
					<li>
					<input type="submit" value="Submit">
					</li>
					<li><br><br>
					<?php if(isset($output)){ ?><span id="fir" style="color:green;"><b>Thank you for contact us.We will get back you soon.</b></span><?php } ?>
					</li>
				</ul>
			</article>
			<article class="sf-right-sec">
			<iframe id="" width="100%" height="400px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.in/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=218+C+5%2FF,+JAFFE+MANSION+218+JAFFE+ROAD,+WAN+CHAI+HONG+KONG&amp;sll=22.266063,114.17593&amp;sspn=0.042654,0.084028&amp;ie=UTF8&amp;hq=&amp;hnear=Jaffe+Mansion,+216-222+Jaffe+Rd,+Hong+Kong&amp;t=m&amp;iwloc=A&amp;ll=22.278844,114.175913&amp;output=embed"></iframe><br /><small>
			<a href="https://maps.google.co.in/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=218+C+5%2FF,+JAFFE+MANSION+218+JAFFE+ROAD,+WAN+CHAI+HONG+KONG&amp;sll=22.266063,114.17593&amp;sspn=0.042654,0.084028&amp;ie=UTF8&amp;hq=&amp;hnear=Jaffe+Mansion,+216-222+Jaffe+Rd,+Hong+Kong&amp;t=m&amp;z=14&amp;ll=22.278844,114.175913" style="color:#0000FF;text-align:left">View Larger Map</a></small>
			<p class="st-address">IPTELSERVICES LIMITED<br>
			218 C 5/F, JAFFE MANSION<br>
			218 JAFFE ROAD, WAN CHAI<br>
			HONG KONG</p>
			</article>  
			<div class="clear"></div>
			<!--INNER CONTENT RIGHT SECTION END-->
			</div>
			<!--CONTENT MAIN SECTION END-->
			<div class="clear"></div>
			<!--CLIENTS AREA SECTION START-->
			  <aside class="content-main-sec ot-lg-sec"> <img src="<?php echo $this->basePath(); ?>/images/truste.jpg" alt=""> <img src="<?php echo $this->basePath(); ?>/images/secured.jpg" alt=""> <img src="<?php echo $this->basePath(); ?>/images/mcafeev.jpg" alt="">
				<h3 class="otg-title">Trusted. Safe. Reliable.</h3>
			  </aside>
			<!--CLIENTS AREA SECTION END-->
		   <div class="clear"></div>
		</section>
	</div>
	<!--CONTENT SECTION END--> 
	</body>
</html>
<style> 
#map{
    width:550px;
    height:400px;
}
</style>
<script>
	function contactFun(){
		var fname=$("#fname").val();
		var email=$("#email").val();
		var Phonenumber=$("#Phonenumber").val();
		var msg=$("#msg").val();
		var emailPat=/^(.+)@(.+)$/;
		var letters = /^[a-zA-Z ]*$/; 
		var numbers = /^[0-9]+$/;
		var matchArray=email.match(emailPat);
		flag=true;
		if(fname==""){
			$("#error_msg1").html('required');
			$("#fir").html('');
			flag=false;
		}
		if(!fname.match(letters) && fname!=''){
			$("#error_msg1").html('characters only');
			$("#fir").html('');
			flag=false;
		}
		if(fname.match(letters) && fname!=''){
			$("#error_msg1").html('');
			$("#fir").html('');
			flag=true;
		}
		if(email==""){
			$("#error_msg2").html('required');
			$("#fir").html('');
			flag=false;
		}
		if(matchArray == null && email!='') {
			$("#error_msg2").html('plense enter valid email');
			$("#fir").html('');
			flag=false;
		}
		if(matchArray != null && email!='') {
			$("#error_msg2").html('');
			$("#fir").html('');
			flag=true;
		}
		if(Phonenumber==""){
			$("#error_msg3").html('required');
			$("#fir").html('');
			flag=false;
		}
		if(!Phonenumber.match(numbers) && Phonenumber!=''){
			$("#error_msg3").html("numbers only");
			$("#fir").html('');
			flag=false;
		}
		if(Phonenumber.match(numbers) && Phonenumber!=''){
			$("#error_msg3").html("");
			$("#fir").html('');
			flag=true;
		}
		if(msg==""){
			$("#error_msg4").html('required');
			$("#fir").html('');
			flag=false;
		}else{
			$("#error_msg4").html('');
			$("#fir").html('');
			flag=true;
		}
		if(flag==false){
			return false;
		}
	}
	 
</script>